<template>
  <el-card shadow="hover" style="height: 100%;" :body-style="{height:'100%'}">
    <template #header>
      <nav class="flex justify-between">
        <span>请求动画帧</span>
        <el-link type="primary" target="_blank" href="https://vueuse.org/core/useRafFn/">useBase64</el-link>
      </nav>
    </template>

    {{count}}
  </el-card>
</template>

<script setup lang="ts" name="useRafFn">

import { useRafFn } from '@vueuse/core'
const count = ref(0)
const { pause, resume } = useRafFn(() => {
  count.value++
})
</script>

<style scoped lang="less">

</style>
